<template>
<scroll-view class="card-page-list" style="height: calc(100vh - 208rpx);" scroll-y="true"
            @scrolltolower="onLoadData">
	<view class="page-content">
		<slot></slot>
		<view class="need-height"></view>
	</view>
</scroll-view>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	props: {
	},
	methods: {
		onLoadData: function() {
			// console.log("======needLoad=======")
		}
	}
}
</script>

<style lang="scss">
.card-page-list {
	width: 100%;
	.page-content {
		width: calc(100% - 40rpx); padding: 20rpx;
	}
	
	.need-height {
		height: 60rpx;
	}
}
</style>
